body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Microsoft YaHei, '宋体', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
body {
  min-width: 200px;
  min-height: 400px;
  background-color: #545454;
}
body.lock-position {
  height: 100%;
  overflow: hidden;
  width: 100%;
  position: fixed;
}
@keyframes ani {
  from {
    transform: translateX(-1000px);
  }
  to {
    transform: translateX(0);
  }
}
/*****************************/
.page-item:nth-child(3) {
  background: #7B1AC3;
}
@keyframes getin {
  0% {
    opacity: 0;
    transform: translateY(-100vh);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    animation: firstin;
  }
}
/*---------返回顶部---------*/
.back-to-top {
  position: fixed;
  display: none;
  color: #E3E3E3;
  background: #515151;
  bottom: 3.33%;
  right: 1.33%;
  border: 1px soild #B0B0B0;
  box-shadow: 0 0 5px #B0B0B0;
  z-index: 998;
  transition: border-radius 0.5s ease;
}
.back-to-top:hover {
  border-radius: 100px;
}
/*--------navbar-----------*/
.navbar-custom {
  position: fixed;
  width: 100%;
  z-index: 998;
}
/*-------放置背景图片-------*/
.body-bg {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/main-bg1.jpg) no-repeat;
  z-index: 0;
}
.add-body-bg {
  background: url(../images/nerv.jpg) no-repeat;
}
/*-----------banner------------*/
.carousel-inner > .item > img {
  display: block;
  height: 600px;
  margin: 0 auto;
}
@media (max-width: 798px) {
  .carousel-inner > .item > img {
    height: 400px;
  }
}
@media (max-width: 428px) {
  .carousel-inner > .item > img {
    height: 200px;
  }
}
.carousel-exp {
  box-shadow: 0 0 5px #000;
}
/*-------------------*/
#jumb_more_btn {
  transition: width 0.1s;
}
/*------------sidebar------------*/
.menu-sidebar {
  display: none;
  position: fixed;
  height: 100%;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  z-index: 999;
}
.sideber-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.sidebar-ul {
  position: relative;
  height: 100%;
  right: 0;
  bottom: 0;
  background: #f2865e;
  padding-top: 50px;
  box-shadow: 0 0 10px #f2865e;
  transition: opacity 0.8s, width 0.1s 0.5s, height 0.1s 0.5s,right 0.5s;
  -webkit-transition: opacity 0.8s, width 0.1s 0.5s, height 0.1s 0.5s,right 0.5s;
  z-index: 1000;
}
.sidebar-ul > li > a {
  color: #E7E7E7;
  background-color: #f2865e;
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease;
}
.sidebar-ul > li > a:hover {
  background-color: #555;
}
@media (min-width: 768px) {
  .sidebar-ul {
    width: 300px;
    right: -300px;
  }
}
@media (max-width: 768px) {
  .sidebar-ul {
    width: 150px;
    right: -150px;
  }
}
.sidebar-header-group > .list-group-item {
  background: none;
  border: none;
}
.icon-header {
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 10px;
  background: url(../images/my-head.png);
}
hr.custom-one {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #f2865e, #fff, #f2865e);
  background-image: -moz-linear-gradient(left, #f2865e, #fff, #f2865e);
  background-image: -ms-linear-gradient(left, #f2865e, #fff, #f2865e);
  background-image: -o-linear-gradient(left, #f2865e, #fff, #f2865e);
}
/*-----------main------------*/
/*----------jumbotron---------*/
.jumbotron-wrapper > .jumbotron {
  width: 600px;
}
.j-custom {
  background: none;
}
.panel-default {
  transition: box-shadow 1s ease, transform 0.5s ease;
}
.panel-default:hover {
  transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  /* IE 9 */
  -moz-transform: scale(1.05, 1.05);
  /* Firefox */
  -webkit-transform: scale(1.05, 1.05);
  /* Safari and Chrome */
  -o-transform: scale(1.05, 1.05);
  /* Opera */
  box-shadow: 0 0 5px #fff;
}
.panel-default:active {
  transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  /* IE 9 */
  -moz-transform: scale(0.95, 0.95);
  /* Firefox */
  -webkit-transform: scale(0.95, 0.95);
  /* Safari and Chrome */
  -o-transform: scale(0.95, 0.95);
  /* Opera */
  box-shadow: 0 0 5px #fff;
}
.panel > a[class="panel-body"] {
  text-decoration: none;
}
.index-panel-img {
  width: 100%;
  height: 100%;
}
@media (min-width: 336px) {
  .index-panel-img {
    width: 270px;
    height: 150px;
  }
}
@media (min-width: 768px) {
  .index-panel-img {
    width: 306px;
    height: 170px;
  }
}
@media (min-width: 1200px) {
  .index-panel-img {
    width: 360px;
    height: 200px;
  }
}
.my-item {
  margin-top: 70px;
}
.main-item {
  background-color: #35B385;
  margin-bottom: 15px;
}
.main-item {
  color: #E7E7E7;
}
.main-item .main-item-wrapper {
  margin: 20px 0;
}
.item-text-left {
  background-color: #7B1AC3;
  padding-bottom: 400px;
}
.item-text-right {
  background-color: #0BC2C2;
  padding-bottom: 400px;
}
a .main-item-color {
  padding: 400px 0;
  margin: 100px 0;
}
/*******project_display********/
#project_display {
  background-image: url(../images/bg.png);
}
#project_display .box {
  position: relative;
}
#project_display .slide .left .img-box {
  position: relative;
  height: 60vh;
  widows: 60vw;
}
#project_display .slide .left img {
  position: absolute;
  display: inline-block;
  width: 400px;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
  transition: transform 1s ease;
}
#project_display .slide .left img:hover {
  z-index: 1;
  transform: scale(1.5);
}
#project_display .slide .left img:nth-child(1) {
  left: 50px;
  top: 0;
}
#project_display .slide .left img:nth-child(2) {
  left: 100px;
  top: 60px;
}
#project_display .slide .left img:nth-child(3) {
  left: 200px;
  top: 150px;
}
/*---------footer----------*/
.footer {
  position: relative;
  height: 100vh;
  width: 100vw;
  background-color: #404040;
  bottom: 0;
  overflow: hidden;
}
.footer .list-group-item {
  background: none;
  color: #989898;
  border: none;
  transition: background-color 0.5s;
}
.footer .list-group-item:hover {
  background: #939393;
}
